<template>
  <div id="my">
    <div class="mainbg" style="height:617px;">
      <router-link to="/login">
        <Row class="titletop gbwhite">
          <Col span="24">&nbsp</Col>
        </Row>
        <Row class="gbwhite bottomline">
          <Col span="12" class="title">登录 / 注册</Col>
          <Col span="12">&nbsp</Col>
        </Row>
        <router-link to="/classroom">
          <Row class="gbwhite bottomline item">
            <Col span="8">
              <Icon type="logo-usd" />
              <span>我的贝里</span>
            </Col>
            <Col span="8">&nbsp</Col>
            <Col span="8">
              <Icon class="arrow-right" type="ios-arrow-forward" />
            </Col>
          </Row>
        </router-link>
        <router-link to="/classroom">
          <Row class="gbwhite bottomline item">
            <Col span="8">
              <Icon type="ios-paper-outline" />
              <span>我的订单</span>
            </Col>
            <Col span="8">&nbsp</Col>
            <Col span="8">
              <Icon type="ios-arrow-forward" class="arrow-right" />
            </Col>
          </Row>
        </router-link>
        <router-link to="/classroom">
          <Row class="gbwhite bottomline item">
            <Col span="8">
              <vanticon name="coupon-o" />
              <span>优惠券</span>
            </Col>
            <Col span="8">&nbsp</Col>
            <Col span="8">
              <Icon type="ios-arrow-forward" class="arrow-right" />
            </Col>
          </Row>
          <Row>
            <Col span="24" class="emptyline">&nbsp</Col>
          </Row>
        </router-link>
        <router-link to="/classroom">
          <Row class="gbwhite bottomline item">
            <Col span="8">
              <van-icon name="passed" />
              <span>账号安全</span>
            </Col>
            <Col span="8">&nbsp</Col>
            <Col span="8">
              <Icon type="ios-arrow-forward" class="arrow-right" />
            </Col>
          </Row>
        </router-link>
        <router-link to="/classroom">
          <Row class="gbwhite bottomline item">
            <Col span="8">
              <van-icon name="question-o" />
              <span>常见问题</span>
            </Col>
            <Col span="8">&nbsp</Col>
            <Col span="8">
              <Icon type="ios-arrow-forward" class="arrow-right" />
            </Col>
          </Row>
        </router-link>
      </router-link>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import { Row, Col, Icon } from "view-design";

import vanticon from "vant/lib/icon";

export default {
  name: "my",
  components: {
    Row,
    Col,
    Icon,
    vanticon
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style scoped>
@import "../../static/base.css";

.gbwhite {
  background-color: white;
}
.bottomline {
  border-bottom: 1px solid #e5e5e5;
}
.titletop {
  height: 87px;
}
.title {
  font-size: 25px;
  padding: 30px;
  color: #000;
}
.item {
  font-size: 16px;
  padding: 18px 30px;
  color: #000;
}
.arrow-right {
  color: #c2c4ca;
  float: right;
}
.emptyline {
  height: 18px;
}
</style>